<!doctype html>
<html>
  <head>
    <title>Markdownify</title>
    <meta charset="utf-8"/>
    <script src="https://cdn.rawgit.com/tibastral/markdownify/master/vendor/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/codemirror.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/addon/edit/continuelist.js"></script>
    <script src='https://cdn.rawgit.com/chjj/marked/master/lib/marked.js' type='text/javascript'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/mode/xml/xml.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/mode/markdown/markdown.js"></script>
    <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.2/codemirror.css"></link>

    <script src="../lib/jquery.markdownify.js"></script>
    <link rel="stylesheet" href="../lib/jquery.markdownify.css"></link>
    <script>
    $(function () {
      $('.markdown').markdownify();
    })
    </script>
  </head>

  <body>
    <div style="display:block; width:500px; margin-left: auto; margin-right: auto">
      <form>
        <textarea class='markdown' id="markdown"># Markdownify
The simplest and most effective way to have a markdown (WYSIWYG-ish) editor (look at the source, Luke)

## The idea behind it
Customers always want WYSIWYG editors and you **know** that's bad for them, so this is a great compromise for them and for you.</textarea>
      </form>
    </div>
  </body>
</html>
